<template>
  <div>
    {{msg}}
    <button @click="updateMsg">点击更新</button>
    组件B中引入组件C：
    <ChildCComponent/>
  </div>
</template>

<script>
    // import ChildCComponent from "./ChildCComponent";
    const ChildCComponent = () => import("./ChildCComponent");

    export default {
      name: "ChildBComponent",
      components: {ChildCComponent},
      data() {
        return {
          msg: "B组件"
        };
      },
      methods: {
        updateMsg() {
          this.msg = "B组件更新后的值";
        }
      }
    }
</script>

<style scoped>

</style>
